<template>
  <div id="detail-header">
    <div class="detail-title">
      <div class="detail-tit"><slot name="detail-tit"/></div>
      <div class="detail-name"><slot name="detail-name"/></div>
      <div class="detail-date"><slot name="detail-date"/></div>
      <div class="detail-btn"><slot name="detail-btn"/></div>
    </div>
    <div class="detail-content"><slot name="detail-content"/></div>
     <div class="detail-context">
        <slot name="detail-context"/>
      </div>
  </div>
</template>
<script>
export default {
  name:'DetailHeader'
}
</script>
<style>
#detail-header .detail-title{
  position: relative;
  top: 0;
  left: 0;
}
</style>